<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style>
        .c1{
            color: red !important;
            border: 1px solid red;
        }
        #c2{
            height: 50px;
            color: blue;
        }
        li{
            color: greenyellow;
        }
        input[type="text"]{
            border: 2px solid red;
        }
        .v1[name="张三丰"]{
            color: purple;
        }
        .anm li{
            color: gold;
        }
        .star > a{
            color: #9C1A1C;
        }
        .c3{
            font-size: 25px;
            color: #3A7734;
        }

    </style>
</head>
<body>
    <h1 class="c1">用户登录</h1>
    <form method="post" action="/login">
        <div id="c2">
            用户名：<input type="text" name="username">
        </div>
        <div>
            密码：<input type="password" name="pwd">
        </div>
        <input type="submit" value="提交">
    </form>
    <ul>
        <li>北京</li>
        <li>上海</li>
        <li>武汉</li>
        <li>广州</li>
    </ul>
<div class="v1" name="张三丰">太极拳</div>
<div class="v1" name="郭靖">降龙十八掌</div>
<div class="v1" name="段誉">六脉神剑</div>
    <ol class="anm">
        <li>熊猫</li>
        <li>老虎</li>
        <li>狮子</li>
        <li>大象</li>
        <li>斑马</li>
        <li>猩猩</li>
    </ol>
<div class="star">
    <a>特等奖</a>
    <div>
        <a>一等奖</a>
    </div>
</div>
<div>
    <span class="c1 c3">今天天气不错的，</span>
    <span class="c1">是风和日丽的</span>
</div>
</body>
</html>